<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="../css/footer.css">
  <link rel="stylesheet" href="../css/header.css">
  <link rel="stylesheet" href="../css/myCssReset.css">
  <title>Document</title>
  <link rel="stylesheet" href="../css/search.css">
  <style></style>
</head>
<body>
  <header>
    <header>
      <div class="headbox">
        <div>
          <div class="shou">
            <ul>
              <li><a href="http://127.0.0.1:9000/index.html" current>首页</a></li>
              <li><a href="http://127.0.0.1:9000/html/search.html">房间</a></li>
              <li><a href="http://127.0.0.1:9000/html/story.html">故事</a></li>
            </ul>
          </div>
        </div>
        <div class="log">
          <a href="http://127.0.0.1:9000/html/login.html">登录</a>
          <a href="http://127.0.0.1:9000/html/register.html">注册</a>
        </div>
        <div class="user">
          <a href="./html/order.html"></a>
          <span></span>
        </div>
      </div>
    </header>
  </header>
  <div class="mbox">
    <!-- 搜索框 -->
    <div class="reservebox">
      <ul class="clearfix">
        <li id="sCity"></li>
        <li><input type="text" placeholder="入住时间"></li>
        <li><input type="text" placeholder="离开时间"></li>
        <li><input type="text" placeholder="入住人数"></li>
        <li><a href="" id="reserveBtn">搜索房间</a></li>
      </ul>
    </div>
    <div id="remind">
      <ul id="cityUl">
        <!-- li标签动态添加  -->
      </ul>
    </div>

    <!-- 筛选框 -->
    <div class="type">
      <div>
        <div>房屋类型:</div>
        <!-- 类型选项 -->
        <div class="roomType">
          <button id="N_A">不限</button>
          <button class="roomBtn" value="Loft公寓">Loft公寓</button>
          <button class="roomBtn" value="客栈民宿">客栈民宿</button>
          <button class="roomBtn" value="小区住宅">小区住宅</button>
          <button class="roomBtn" value="普通公寓">普通公寓</button>
          <button class="roomBtn" value="独栋别墅">独栋别墅</button>
          <button class="roomBtn" value="老洋房">老洋房</button>
          <button class="roomBtn" value="酒店式公寓">酒店式公寓</button>
        </div>
      </div>
      <div class="roomPrice">
        <div>房间价格:</div>
        <!-- 价格区间 -->
        <div>
          <button id="NA">不限</button>
          <button id="r100">101-400元</button>
          <button id="r400">401-700元</button>
          <button id="r700">700元以上</button>
        </div>
      </div>
    </div>
    <!-- 房间信息 -->
    <div id="info">
      <!-- 循环插入 -->
    </div>
  </div>
  <footer>
    <footer>
      <div class="box">
        <div class="row1">
          <ul>
            <li>
              <a href="javscrip:void">免责声明</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">平台协议与规则</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">交易规则</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">关于我们</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">联系我们</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">法律声明</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">新手指南</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">帮助中心</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">新闻资讯</a><span>|</span>
            </li>
            <li>
              <a href="javscrip:void">媒体报道</a>
            </li>
          </ul>
        </div>
        <div class="row2">
          <p>
            客服电话:400-056-0055或010-89180879
            客户服务:service@yms.com
            意见反馈:feedback@yms.com
          </p>
        </div>
        <div class="row3">
          <span>网站备案/许可证号: </span>
          <a href="javscrip:void">京ICP备12043553号-3 </a>
          <a href="javscrip:void">京公网安备11010502037765 </a>
          <a href="javscrip:void">营业执照编号104555056 </a>
          <span>北京爱游易科技有限公司</span>
        </div>
      </div>
    </footer>
  </footer>
  <script src="../js/search.js"></script>
  <script src="../js/header.js"></script>
</html>